// 颜色变量
$primary-color: #1890ff;
$success-color: #52c41a;
$warning-color: #faad14;
$error-color: #f5222d;
$text-color: #262626;
$text-color-secondary: #8c8c8c;
$border-color: #d9d9d9;
$background-color: #f5f5f5;

// 尺寸变量
$header-height: 64px;
$sidebar-width: 240px;
$content-padding: 20px;

// 边框圆角
$border-radius: 6px;
$border-radius-small: 4px;

// 阴影
$box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
$box-shadow-light: 0 1px 4px rgba(0, 0, 0, 0.08);

// 字体
$font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$font-size-base: 14px;
$font-size-large: 16px;
$font-size-small: 12px;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// 过渡动画
$transition: all 0.3s ease;
$transition-fast: all 0.2s ease;

// Variables are automatically available when using @use